<template>
	<!-- 评论管理-->
	<div class="Announcements">
		<div class="location">
			<div class="location-text fl">
				<img class="location-img fl" src="../../images/commentManagement/commentManagement.png" />
				<p class="fr">评论管理</p>
			</div>
			<img class="biaotibg fl" src="../../images/home/biaotibg.png" />
		</div>
		<div class="PressRelease-list">
			<div class="List-box">
				<div class="NewsDetails-text">
					<h3>{{article.title}}</h3>
					<!--<p>{{formatData(announcement.createAt)}}</p>-->
					<p>{{formatData(article.createAt, "yyyy-MM-dd")}}</p>
				</div>
				<div class="NewsDetails-nav">
					<!--<div class="NewsDetails-title" v-html="announcement.content">
								</div>-->
					<div class="NewsDetails-title">{{article.fullText}}
					</div>
        </div>
				<div class="comment-content">
					<p>全部评论({{total}})</p>
					<div class="single-content after" v-for="comment in commentList">
						<!--<img :src="urls.baseUrl + comment.publisherPortrait" class="fl" />-->
            <img src="/static/images/WXPortrait.png" class="fl"/>
						<div class="content fl">
							<div>
								<span class="name" v-if="comment.publisher">{{comment.publisher}}</span>
								<span class="time">{{formatData(comment.createAt,"yyyy-MM-dd hh:ss:mm")}}</span>
							</div>
							<div>
								<span class="reply" v-if="comment.commentator != null && comment.commentator != ''">回复{{comment.commentator}}：</span> {{comment.fullText}}
							</div>
							<!--评论中的回复信息（新添加）-->
							<!--<div class="single-content after" v-if="comment.childrenList != null" v-for="children in comment.childrenList">
								<img :src="urls.baseUrl + children.publisherPortrait" class="fl" />
								<div class="content fl">
									<div>
										<span class="name">{{children.publisher}}</span>
										<span class="time">{{formatData(children.createAt,"yyyy-MM-dd hh:ss:mm")}}</span>
									</div>
									<div>
										<span class="reply">回复{{children.commentator}}：</span> {{children.fullText}}
									</div>
								</div>
							</div>-->
						</div>
						<span class="delete-reply fr" @click="deleteData(comment.id)">删除</span>
					</div>
				</div>
				<pageination :total="total" :size="size"  :changge="pageFn" ></pageination>
			</div>
		</div>
	</div>
</template>
<script src="./commentManagementDetail.js"></script>
<style scoped>
	@import "commentManagementDetail.css"
</style>


